iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 11
1
自我挑戰組

架站好好玩-Wordpress架站和SEO優化之學習全記錄系列 第 11

第11天:『WordPress架站第六步』-選單製作

  • 分享至 

  • xImage
  •  

WordPress架站-選單製作

網站基本的頁面完成後,現在要開始把這些頁面放到對應的選單當中,基本上的選單會有四大類,就是「About 洋片」, 「Product 作品」, 「Blog 文章」和「Media 報導」。

  1. 首先進入到WordPress控制台中,選擇左列工具列中的外觀,並點擊選單
    https://ithelp.ithome.com.tw/upload/images/20200926/20130379pZJTe2s1pz.png

  2. 在新增選單項目的『頁面』中,勾選第一個項目About,並新增至選單
    https://ithelp.ithome.com.tw/upload/images/20200926/20130379SNBe02i8d8.png

  3. 選單結構中,在導覽選單項目標籤中填入About 洋片,選單的第一個項目「About 洋片」就完成
    https://ithelp.ithome.com.tw/upload/images/20200926/20130379NpuFGz7yrw.png

  4. 接著設定第二個項目「Product 作品」,新增選單項目中的『自訂連結』,主要這個項目並不能點選,所以網址填寫https://#, 連結文字填寫Product 作品,這是一個父項目,可以帶出子項目的一個源頭
    https://ithelp.ithome.com.tw/upload/images/20200926/20130379nwrSmbgJEN.png

  5. 再來是新增「Blog 文章」,一樣是使用選單項目的『自訂連結』,網址填寫網域名稱, 連結文字為Blog 文章,主要可以連結到網站的首頁
    https://ithelp.ithome.com.tw/upload/images/20200926/20130379DUXJfWiif0.png

  6. 最後一個項目是「Media 報導」,在新增選單項目的『頁面』中,勾選媒體專訪,並點選新增至選單
    https://ithelp.ithome.com.tw/upload/images/20200926/20130379N92C8zH7cG.png

  7. 完成四大類選單的設定,就可以依照上面相同方式,將子項目新增進來,一開始新增進來會在第一階層,需要利用滑鼠點選項目,往右移動就會變成第二階層,如果需要第三階層,就再往右移動,最後如下呈現方式
    https://ithelp.ithome.com.tw/upload/images/20200926/20130379KWSJI69Ruu.png

  8. 可勾選下方設定,Primary menu,再點儲存選單
    https://ithelp.ithome.com.tw/upload/images/20200926/20130379CYEJutYTQk.png

  9. 選單最終會出現在網站最上方,以下為實際選單的呈現結果
    https://ithelp.ithome.com.tw/upload/images/20200926/20130379VGkpm9aOek.png

以上就是選單整個製作流程


上一篇
第10天:『WordPress架站第五步』-使用Elementor製作Product頁面
下一篇
第12天:『WordPress架站第七步』-新增文章分類並加入選單
系列文
架站好好玩-Wordpress架站和SEO優化之學習全記錄30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言